<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>

<meta charset="utf-8" />
<title>Evaluador Web</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
	$( "#datepicker1" ).datepicker();
	$( "#datepicker1" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#datepicker2" ).datepicker();
	$( "#datepicker2" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp1" ).datepicker();
	$( "#dpacudesemp1" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp2" ).datepicker();
	$( "#dpacudesemp2" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp3" ).datepicker();
	$( "#dpacudesemp3" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp4" ).datepicker();
	$( "#dpacudesemp4" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp5" ).datepicker();
	$( "#dpacudesemp5" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo1" ).datepicker();
	$( "#dpacdllo1" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo2" ).datepicker();
	$( "#dpacdllo2" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo3" ).datepicker();
	$( "#dpacdllo3" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo4" ).datepicker();
	$( "#dpacdllo4" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo5" ).datepicker();
	$( "#dpacdllo5" ).datepicker('option', {dateFormat: 'yy-mm-dd'});	
	});
</script>

<!-- This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="robots" content="all,follow" />

<meta name="author" lang="en" content="All: Your website name [www.your-website.com]; e-mail: info@your-website.com" />
<meta name="copyright" lang="en" content="webdesign: Vit Dlouhy [Nuvio - www.nuvio.cz; NuvioTemplates - www.nuviotemplates.com]; e-mail: hello@nuviotemplates.com" />

<meta name="description" content="..." />
<meta name="keywords" content="..." />

<link rel="stylesheet" media="screen,projection" type="text/css" href="http://localhost/Sistema360/common/theme/css/content.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/Sistema360/common/theme/css/table.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="http://localhost/Sistema360/common/theme/themes/css/main-msie.css" /><![endif]-->
<link rel="stylesheet" media="screen,projection" type="text/css" href="http://localhost/Sistema360/common/theme/css/scheme.css" />
<link rel="stylesheet" media="print" type="text/css" href="http://localhost/Sistema360/common/theme/css/print.css" />

		<title>Evaluador Web</title>
		<script type="text/javascript">
			function seleccionarCargo(idcargo){
				
				var cargo = idcargo.split(',');				
				document.getElementById('cargos').value = cargo[1];
				
				var responsabilidad1 = document.getElementById('responsabilidad1');
				var responsabilidad2 = document.getElementById('responsabilidad2');
				var responsabilidad3 = document.getElementById('responsabilidad3');
				var responsabilidad4 = document.getElementById('responsabilidad4');
				var responsabilidad5 = document.getElementById('responsabilidad5');
				
				responsabilidad1.length = 0;
				responsabilidad2.length = 0;
				responsabilidad3.length = 0;
				responsabilidad4.length = 0;
				responsabilidad5.length = 0;
				
				var i;				
				var x = document.getElementById('alineadoa'+cargo[1]);	
				for (i = 0; i < x.length; i++){
					responsabilidad1.options[responsabilidad1.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad2.options[responsabilidad2.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad3.options[responsabilidad3.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad4.options[responsabilidad4.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad5.options[responsabilidad5.options.length] = new Option(x.options[i].text,x.options[i].value);															
				}
			}
				
			function calcularPorcentaje(indice){

				if (document.getElementById('maximo'+indice).value!='' &&
					document.getElementById('minimo'+indice).value!=''){

						var max = document.getElementById('maximo'+indice).value;
						var min = document.getElementById('minimo'+indice).value;
					
					document.getElementById('cump_obtenido'+indice).value = max -min;
				}
				
			}
		</script>
		</head>

<body>

<div id="main">

		<!-- Header -->
		<div id="header">

				<!-- Your logo -->
				<h1 id="logo"><a href="#">Sistema Evaluador Web </a></h1>
				<hr class="noscreen" />

				<!-- Your slogan -->
				<div id="slogan"><font face = "brush script MT" color = "#FFFFFF" size="6px">Iomicrom S.A.S</font></div>
				<hr class="noscreen" />

				<!-- Hidden navigation -->
				<p class="noscreen noprint"><em>Quick links: <a href="#content">content</a>, <a href="#nav">navigation</a>.</em></p>
						<hr class="noscreen" />

						</div> <!-- /header -->

		<!-- Navigation -->
		<div id="nav">

		<ul class="box">
    		<li id="nav-breadcrumb"><a href="http://localhost/Sistema360/index.php/main">Inicio</a></li>
            <li id="nav-breadcrumb"><a href="http://localhost/Sistema360/index.php/main/load_module/evaluate">Evaluaci&oacute;n</a></li>
            <li id="nav-breadcrumb"><a href="http://localhost/Sistema360/index.php/evaluacion/load_content/desempeno">Evaluaci&oacute;n de Desempe&ntilde;o</a></li>
            <li id="nav-active"><a href="http://localhost/Sistema360/index.php/evaluacion/load_content/grafica_desempeno">Gr&aacute;fica Evaluaci&oacute;n de Desempe&ntilde;o</a></li>
            <li id="nav-exit"><a href="http://localhost/Sistema360/index.php/logout">Cerrar Sesi&oacute;n</a></li>
        </ul>

    <hr class="noscreen" />
    </div> <!-- /nav -->

    <!-- 2 columns (content + sidebar) -->
    <div id="cols" class="box">
		
        <!-- Content -->
        <div id="content">

    		<form method="post" action="http://localhost/Sistema360/index.php/evaluacion/load_content/calificar/competencia">
    			<h2 id="content-title">Gr&aacute;fica de Evaluaci&oacute;n Por Desempe&ntilde;o</h2>
				<?php echo $msg_success; ?>
				<div align="left">
					<label>X => Cumplimiento de objetivos de desarrollo</label>
					<br>
					<label>O => Cumplimiento de objetivos de resultado</label>
				</div>
            	<div>
            		 <p align="center"><label><b>3. MAPEO DEL CUMPLIMIENTO DE OBJETIVOS</b></label></p>
            		 <Table border>
						<tr>
							<th rowspan=6>CUMPLIMIENTO DE OBJETIVOS DE DESARROLLO</th> <th width="50px"> </th> <th width="50px"> </th> <th width="50px">0% - 20% </th> <th width="50px">21% - 40%</th> <th width="50px">41% - 60%</th> <th width="50px">61% - 80%</th> <th width="50px">81% - 100%</th>
						</tr>
						<tr>
							<td width="50px" ><label></label></td>
							<td width="150px">Desempe&ntilde;o Excelente (>=90%) o Muy Bueno (>=80 - <90%)</td> 
							<td width="50px" bgcolor="#BDBDBD"><label><?php echo $celda['aX020'] . $celda['aO020']; ?></label></td> 
							<td width="50px" bgcolor="#F7BE81"><label><?php echo $celda['aX2140'] . $celda['aO2140']; ?></label></td>  
							<td width="50px" bgcolor="#F3F781"><label><?php echo $celda['aX4160'] . $celda['aO4160']; ?></label></td> 
							<td width="50px" bgcolor="#BCF5A9"><label><?php echo $celda['aX6180'] . $celda['aO6180']; ?></label></td> 
							<td width="50px" bgcolor="#BCF5A9"><label><?php echo $celda['aX81100'] . $celda['aO81100']; ?></label></td> 
							<td width="50px"><th>81% - 100% </th></td>
						</tr>
						<tr>
							<td width="50px" ><label></label></td>
							<td>Desempe&ntilde;o Bueno (>=70 -< 80%) o Regular (>= 60 - < 70%)</td> 
							<td bgcolor="#BDBDBD"><label><?php echo $celda['bX020'] . $celda['bO020']; ?></label></td> 
							<td bgcolor="#F7BE81"><label><?php echo $celda['bX2140'] . $celda['bO2140']; ?></label></td> 
							<td bgcolor="#F3F781"><label><?php echo $celda['bX4160'] . $celda['bO4160']; ?></label></td> 
							<td bgcolor="#BCF5A9"><label><?php echo $celda['bX6180'] . $celda['bO6180']; ?></label></td> 
							<td bgcolor="#BCF5A9"><label><?php echo $celda['bX81100'] . $celda['bO81100']; ?></label></td> 
							<td><th>61% - 80% </th></td>
						</tr>
						<tr>
							<td width="50px" ><label></label></td>
							<td>Desempe&ntilde;o Por Mejorar</td> 
							<td bgcolor="#BDBDBD"><label><?php echo $celda['cX020'] . $celda['cO020']; ?></label></td> 
							<td bgcolor="#F7BE81"><label><?php echo $celda['cX2140'] . $celda['cO2140']; ?></label></td>  
							<td bgcolor="#F3F781"><label><?php echo $celda['cX4160'] . $celda['cO4160']; ?></label></td> 
							<td bgcolor="#F3F781"><label><?php echo $celda['cX6180'] . $celda['cO6180']; ?></label></td> 
							<td bgcolor="#F3F781"><label><?php echo $celda['cX81100'] . $celda['cO81100']; ?></label></td> 
							<td><th>41% - 60% </th></td>
						</tr>
						<tr>
							<td width="50px" ><label></label></td>
							<td>En Proceso de Evaluaci&oacute;n</td> 
							<td bgcolor="#BDBDBD"><label><?php echo $celda['dX020'] . $celda['dO020']; ?></label></td> 
							<td bgcolor="#F7BE81"><label><?php echo $celda['dX2140'] . $celda['dO2140']; ?></label></td>  
							<td bgcolor="#F3F781"><label><?php echo $celda['dX4160'] . $celda['dO4160']; ?></label></td> 
							<td bgcolor="#F3F781"><label><?php echo $celda['dX6180'] . $celda['dO6180']; ?></label></td> 
							<td bgcolor="#F3F781"><label><?php echo $celda['dX81100'] . $celda['dO81100']; ?></label></td> 
							<td><th>21% - 40% </th></td>
						</tr>
						<tr>
							<td width="50px" ><label></label></td>
							<td width="50px" ><label></label></td> 
							<td bgcolor="#BDBDBD"><label><?php echo $celda['eX020'] . $celda['eO020']; ?></label></td> 
							<td bgcolor="#BDBDBD"><label><?php echo $celda['eX2140'] . $celda['eO2140']; ?></label></td>  
							<td bgcolor="#BDBDBD"><label><?php echo $celda['eX4160'] . $celda['eO4160']; ?></label></td> 
							<td bgcolor="#BDBDBD"><label><?php echo $celda['eX6180'] . $celda['eO6180']; ?></label></td> 
							<td bgcolor="#BDBDBD"><label><?php echo $celda['eX81100'] . $celda['eO81100']; ?></label></td> 
							<td><th>0% - 20% </th></td>
						</tr>
						<tr>
							<td width="50px" ><label></label></td> 
							<td width="50px" ><label></label></td>
							<td width="50px" ><label></label></td>
							<td>En Proceso de Evaluaci&oacute;n</td>
							<td>Desempe&ntilde;o Por Mejorar</td> 
							<td>Desempe&ntilde;o Bueno o Por Mejorar</td>
							<td>Desempe&ntilde;o Excelente o Muy Bueno</td> 
						</tr>						
					</table>
					<table>
						<tr>
							<p align="center"><b>CUMPLIMIENTO DE OBJETIVOS DE RESULTADO</b></p>
						</tr>
					</table>	
            	</div>
            </form>

            <hr class="noscreen" />
                           
        </div> <!-- /content -->

        <hr class="noscreen" />
    
    </div> <!-- /cols -->
    
    <div id="cols-bottom"></div>

    <hr class="noscreen" />
    
    <!-- Footer -->
    <div id="footer">

        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->            
        <p class="f-right"><a href="http://www.nuviotemplates.com/">Free web templates</a> presented by <a href="http://www.qartin.cz/">QARTIN</a>, sponsored by <a href="http://www.lekynainternetu.cz/">Leky</a></p>
        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
        
        <p>&copy;&nbsp;2013 <a href="http://www.iomicrom.co">iomicrom S.A.S</a></p>

    </div> <!-- /footer -->

</div> <!-- /main -->
</body>
</html>